<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>学院网站</title>
		<link rel="stylesheet" type="text/css" href="css/both.css"/>
		<!-- 网页自适应 -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<!-- normalize 里面是css的初始化，针对浏览器 -->
		<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
		
		<script src="http://libs.baidu.com/jquery/1.12.1/jquery.min.js"></script>
		<script src="js/jquery-1.12.1.js"></script>
		<script>
		    $(function () {
		        // stop很重要，试验了好久.......这种写法算是比较满意的动画效果
		        $("div ul.nav>li").mouseenter(function () {
		            $(this).find(".detail").stop(true, true)
		                .show("fast");
		        }).mouseleave(function () {
		            $(this).find(".detail").hide("fast");
		        })
		    });
		</script>
	</head>
	<body>
		<!-- top -->
		<div class="lxm_topBorder"></div>
		<div class="lxm_top">
			<div class="lxm_topDiv">
				<div class="lxm_logo">
					<img src="img/logo.png" >
				</div>
				
				<div class="lxm_search">
					
					<ul class="lxm_searchTop">
						<li><a href="#">English</a></li>
						<li class="spacer"></li>
						<li><a href="#">中文</a></li>
					</ul>
					
					<div class="lxm_searchButtom">
						<form action="#" class="zhh_parent" >
						    <input class="zhh_search1" placeholder="请输入关键字搜索" onfocus="this.placeholder=''" onblur="this.placeholder='请输入关键字搜索'" type="text">
						  	<input type="button"  class="zhh_btn1">     			
						</form>
					</div>
				</div>
			</div>	
		</div>
	<!-- 导航栏 -->
	<div class="lxm_wrapper">
		<ul class="nav lxm_w">
			<li><a href="#">首页</a></li>
			<li>
				<a href="#">学院概括</a>
				<ul class="detail">
					<li><a href="#">学院介绍</a></li>
					<li><a href="#">学院领导</a></li>
					<li><a href="#">组织机构</a></li>
					<li><a href="#">学术机构</a></li>
					<li><a href="#">师资队伍</a></li>
				</ul>
			</li>
			<li>
				<a href="#">教育教学</a>
				<ul class="detail">
					<li><a href="#">本科教育</a></li>
					<li><a href="#">国际项目</a></li>
				</ul>
			</li>
			<li>
				<a href="#">科学研究</a>
				<ul class="detail">
					<li><a href="#">科学平台</a></li>
					<li><a href="#">科研团队</a></li>
					<li><a href="#">科研成果</a></li>
				</ul>
			</li>
			<li>
				<a href="#">招生就业</a>
				<ul class="detail">
					<li><a href="#">招生信息</a></li>
					<li><a href="#">就业信息</a></li>
				</ul>
			</li>
			<li>
				<a href="#">对外合作</a>
				<ul class="detail">
					<li><a href="#">校企合作</a></li>
					<li><a href="#">实践基地</a></li>
				</ul>
			</li>
			<li><a href="#">下载专区</a></li>
		</ul>
	</div>
		
	<div class="blank" style="height: 500px;">
		
	</div>
	<!-- 脚 -->
	<div class="zhh_foot">
		<div class="zhh_foot1">
		  <font color='#FFFFFF'> 
		   <p>重庆工商大学融智学院讯飞人工智能学院 ｜ 地址：重庆市巴南区龙洲湾街道尚文大道906号 ｜ 办公室联系电话：023-88968651 ｜ 邮编：401320</p> 
		   <p>版权所有 讯飞人工智能 学院 2018-2019 重庆工商大学融智学院</p> </font>
		</div>	
	</div>
	</body>
</html>
